<!--
author:田新宇，周妍，杨光
create time:2020-07-10
update time:2020-07-21
 -->


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <script type="text/javascript" src="../../../static/js/jquery-3.1.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../../static/bootstrap-3.3.7-dist/css/bootstrap.css">

</head>
<body>
<nav class="navbar navbar-default">
    <div class="navbar-header" >

        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-menu" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <h3>大学公共课程共享资源管理平台</h3>

    </div>

    <div id="navbar-menu" class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
            <li><a href="/index/">首页</a></li>
            <li><a href="/course/">课程</a></li>
            <li class="active"><a href="#">个人中心</a></li>
        </ul>
    </div>
</nav>
<div class="myinfo" >
    <div class="form-group" style="float:left">
        <img src="../../../static/images/logo.png" height="100" width="180" >
    </div>
    <div class="form-group" >
        <p></p></n>
        <h4>{{ request.session.user_name }}</h4>
        <p>个人昵称：{{ nick_name }}</p>
        <p>个性签名：{{ sign }}</p>
        <button id="edit—btn">编辑个人资料</button>
    </div>

</div>
<div></div>
<div class="table">
   <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <table class="table">
        <tr>
            <th>编号</th>
            <th>课程名称</th>
            <th>开课院校</th>
            <th>授课老师</th>
            <th>课程学分</th>
            <th>开课时间</th>
            <th>课程状态</th>
            <th>课程类别</th>
        </tr>
        {% for course in course_obj %}
        <tr>
            <td>{{ course.id }}</td>
            <td>{{ course.course_name }}</td>
            <td>{{ course.school }}</td>
            <td>{{ course.teacher }}</td>
            <td>{{ course.credit }}</td>
            <td>{{ course.time }}</td>
            <td>{{ course.status }}</td>
            <td>{{ course.type }}</td>
            <td><a href="/del_course/?id={{ course.id }}" target="_self">撤课</a></td>
        </tr>
        {% endfor %}
    </table>
</div>
<div id="box" style="display:none;width:500px;height:500px;background: rgba(11,112,13,0.4);top:50%;left:50%;margin-top: -250px;margin-left: -250px;position: fixed;border-radius: 50px;">
    <span id="close" style="cursor:pointer;color: red;font-size: 40px;float: right;right: 60px;position: absolute;">×</span>
    <form action="/edit_user/" method="post" style="text-align: center;margin-top: 100px;">
        昵称：<input type="text" name="nick_name" ><br>
        签名：<input type="text" name="sign" ><br>
        <input type="submit" value="提交修改">
    </form>
</div>

</body>
<script>
    $('#edit—btn').click(function(){
        $("#box").fadeIn(500);
    });
    $('#close').click(function(){
        $("#box").fadeOut(500);
    });
</script>
</html>
